layui.use(['table', 'form'], function () {
    var table = layui.table;
    var form = layui.form;
    //第一个实例
    findAll({});
    //监听工具条
    table.on('tool(user)', function (obj) {
        var data = obj.data;
        if (obj.event === 'detail') {
            layer.msg('ID：' + data.id + ' 的查看操作');
        } else if (obj.event === 'del') {
            layer.confirm('真的删除行么', function (index) {
                $.ajax({
                    url: '/back/user/delete',
                    data: {id: data.id},
                    dataType: 'json',
                    type: 'get',
                    success: function (res) {
                        if (res.count == 1) {
                            obj.del();
                            layer.msg('删除成功', function () {
                                layer.close(index);
                            });
                        } else {
                            layer.msg('删除失败');
                        }
                    }
                })

            });
        } else if (obj.event === 'edit') {
            // layer.alert('编辑行：<br>' + JSON.stringify(data))
            //1.得到id，data.id
            sessionStorage.setItem("userId", data.id);
            // 2.通过id查询当前需要修改的数据，
            // 3.然后对表单进行赋值
            xadmin.open('编辑用户', '/html/user/cuisine-edit.html', 600, 400);
        }
    });
    //监听指定开关
    // form.on('switch(enable)', function (data) {
    //     console.log($(data).parent());
    //     layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
    //         offset: '6px'
    //     });
    //     // layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
    // });
    //监听性别操作
    form.on('switch(sexDemo)', function (obj) {
        $.ajax({
            url: '/back/user/enable',
            data: {id: this.value},
            dataType: 'json',
            type: 'post',
            success: function (res) {
                if (res.count == 1) {
                    layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
                } else {
                    layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
                }
            }
        })
        // layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
    });
    //监听提交
    form.on('submit(sreach)',
        function (data) {
            data = data.field;
            var hobbys = [];
            $('input[type=checkbox]:checked').each(function () {
                hobbys.push($(this).attr('title'));
            });
            data.username = $.trim(data.username);
            // data.enable = $("input[type=radio][name=enable]:checked").attr("value");
            //数组
            // console.log(hobbys);
            // js怎么讲数组转换位字符串
            data.hobby = hobbys.toString();
            console.log(data, 11111111);
            //发异步，把数据提交给java
            findAll(data);

            return false;
        });
});

function findAll(data) {
    layui.use(['table', 'form'], function () {
        var table = layui.table;
        var form = layui.form;
        //第一个实例
        table.render({
            elem: '#userTable'//对应table的id
            , height: 312
            , url: '/back/product/findAll' //数据接口
            , page: true //开启分页
            , where: data
            , cols: [[ //表头
                {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left', align: 'center'}
                , {field: 'name', title: '产品名称', width: 200}
                , {field: 'normalPrice', title: '正常价', width: 80, sort: true}
                , {
                    field: 'imgHref',
                    title: '图片',
                    width: 150,
                    templet: '<div><img src="{{d.imgHref}}" width="50" height="50"></div>'
                }
                , {field: 'createTime', title: '上新时间', width: 200}
                , {field: 'content', title: '描述', width: 200}
                , {field: 'cuisineName', title: '菜系名称', width: 200}
                , {field: 'isShow', title: '是否推荐', width: 200, sort: true}
                , {field: 'isRecommend', title: '是否置顶', width: 80, sort: true}
                , {
                    field: 'enable',
                    title: '状态',
                    width: 120,
                    templet: '#switchTpl'
                    // templet: function (d) {
                    // console.log(d.LAY_INDEX); //得到序号。一般不常用
                    // console.log(d.LAY_COL); //得到当前列表头配置信息（layui 2.6.8 新增）。一般不常用

                    //得到当前行数据，并拼接成自定义模板
                    // return d.enable == 1 ? '启用' : '停用';
                    // templet:'<div> <i class="layui-icon">{{d.enable==1?'':''}}&#xe601;</i></div>'
                    // templet: '<div><input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="enable" lay-text="ON|OFF"></div>'
                    // }
                }
                , {fixed: 'right', title: '操作', width: 250, align: 'center', toolbar: '#barDemo'}
            ]]
        });
    });
}

function deleteUser(id) {
    $.ajax({
        url: '/back/user/delete',
        data: {id: id},
        dataType: 'json',
        type: 'get',
        success: function (res) {
            if (res.count == 1) {
                return true;
            } else {
                return false;
            }
        }
    })
}